<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>阴阳师</title>
    <link rel="stylesheet" href="./style.css">
</head>

<body>
    <!--顶部-->
    <div class="top-bar">
        <div class="top-aaa">
            <a href="#" class="top-ain" id="ain">
                <i></i>
                <span>游戏全目录</span>
            </a>
            <div class="top-ain-er" id="er" style="display: none">
                <div class="center clearfix">
                    <ul class="top clearfix">
                        <li class="khd"><b>客户端游戏</b></li>
                        <li class="phg"><b>手机游戏</b></li>
                        <li class="fz"><b>游戏辅助</b></li>
                    </ul>
                    <ul class="inner clearfix">
                        <li class="li1">
                            <p>角色扮演</p>
                            <a href="" class="a1">梦幻西游电脑版</a>
                            <a href="" class="a">大话2经典版</a>
                            <a href="" class="a">天下3</a>
                            <a href="" class="a">新倩女幽魂</a>
                            <a href="" class="a">逆水寒</a>
                            <a href="">天谕</a>
                            <a href="">超激斗梦境</a>
                            <a href="">龙魂时刻</a>
                            <a href="" class="a">泰亚史诗></a>
                            <a href="" class="a">大话2免费版</a>
                            <a href="">新大话3经典版</a>
                            <a href="">新大话3免费版</a>
                            <a href="">镇魔曲</a>
                            <a href="">镇魔曲页游</a>
                            <a href="">大唐无双</a>
                            <a href="">武魂2</a>
                        </li>
                        <li class="li2" style="position: relative;">
                            <p>竞技/休闲</p>
                            <a href="" class="b">我的世界</a>
                            <a href="" class="b">守望先锋</a>
                            <a href="" class="b">荒野行动Plus</a>
                            <a href="" class="b">EVE Online</a>
                            <a href="" class="b">突击英雄</a>
                            <a href="" class="b">无尽战区</a>
                            <a href="" class="b">战意</a>
                            <a href="" class="b">秘境对决</a>
                            <a href="">风暴英雄</a>
                            <a href="">星际争霸Ⅱ</a>
                            <a href="">英雄三国</a>
                            <a href="">炉石传说</a>
                            <div class="net1">更多热门端游</div>
                        </li>
                        <li class="li3">
                            <p>热门推荐</p>
                            <a href="">梦幻西游手游</a>
                            <a href="">大话西游手游</a>
                            <a href="">倩女幽魂手游</a>
                            <a href="">阴阳师</a>
                            <a href="">率土之滨</a>
                            <a href="">天下手游</a>
                            <a href="">镇魔曲手游</a>
                            <a href="">决战！平安京</a>
                            <a href="">明日之后</a>
                            <a href="">荒野行动</a>
                            <a href="">第五人格</a>
                            <a href="">神都夜行录</a>
                            <a href="">楚留香</a>
                            <a href="">终结者2官方手游</a>
                            <a href="">我的世界Minecraft</a>
                            <a href="">大唐无双唯美篇</a>
                            <a href="">光明大陆</a>
                        </li>
                        <li class="li4">
                            <p>新品推荐</p>
                            <div>
                                <div class="one">
                                    <a href="">堡垒前线</a>
                                    <a href="">梦幻西游3D</a>
                                    <a href="">花与剑</a>
                                    <a href="">暗黑破坏神：不朽</a>
                                    <a href="">阴阳师：妖怪屋</a>
                                    <a href="">绘真·妙笔千山</a>
                                    <a href="">Sky光遇</a>
                                    <a href="">流星蝴蝶剑</a>
                                    <a href="">阴阳师：百闻牌</a>
                                    <a href="">实况足球</a>
                                    <a href="">无限战车</a>
                                    <a href="">Disorder</a>
                                    <a href="">一起优诺</a>
                                    <a href="">青璃</a>
                                    <a href="">孤岛先锋</a>
                                    <a href="">逗斗火柴人</a>
                                    <a href="">迷室The Room</a>
                                    <a href="">海岛纪元</a>
                                </div>
                                <div class="two">
                                    <a href="">轩辕剑龙舞云山</a>
                                    <a href="">游戏王：决斗链接</a>
                                    <a href="">捕鱼小子</a>
                                    <a href="">永远的7日之都</a>
                                    <a href="">舰无虚发：暗星</a>
                                    <a href="">实况：王者集结</a>
                                    <a href="">战舰世界闪击战</a>
                                    <a href="">风云岛行动</a>
                                    <a href="">坦克世界闪击战</a>
                                    <a href="">战争怒吼</a>
                                    <a href="">极客战记</a>
                                    <a href="">天启联盟</a>
                                    <a href="">权力与纷争</a>
                                    <a href="">猎手之王</a>
                                    <a href="">非人学园</a>
                                    <a href="">战国志</a>
                                    <a href="">边境之旅</a>
                                </div>
                                <div>
                                    <a href="">星战前夜：无烬星河</a>
                                    <a href="">三国如龙传</a>
                                    <a href="">网易棋牌</a>
                                    <a href="">神谕文明</a>
                                    <a href="">悠梦YuME</a>
                                    <a href="">风暴对决</a>
                                    <a href="">猎魂觉醒</a>
                                    <a href="">天谕手游</a>
                                    <a href="">绿茵之巅</a>
                                    <a href="">泡泡趴</a>
                                    <a href="">叛逆性百万亚瑟王</a>
                                    <a href="">狼人杀</a>
                                    <a href="">魔法禁书目录</a>
                                    <a href="">梦幻西游无双</a>
                                    <a href="">秘境对决</a>
                                    <a href="">九州海上牧云记</a>
                                </div>
                                <div>
                                    <a href="">影之诗</a>
                                    <a href="">暴走小飞机</a>
                                    <a href="">潮人篮球</a>
                                    <a href="">秘宝猎人:王牌猎手</a>
                                    <a href="">三国诛将录</a>
                                    <a href="">重装突击</a>
                                    <a href="">劲舞团</a>
                                    <a href="">坦克连</a>
                                    <a href="">大话西游热血版</a>
                                    <a href="">大航海之路</a>
                                    <a href="">超物理基斗</a>
                                    <a href="">迷雾世界</a>
                                    <a href="">萌王EX</a>
                                    <a href="">秘宝猎人</a>
                                </div>
                                <div style="position: relative">
                                    <a href="">伏魔咒</a>
                                    <a href="">天下X天下</a>
                                    <a href="">异次元战姬</a>
                                    <a href="">永恒边境</a>
                                    <a href="">无尽神域</a>
                                    <a href="">格罗亚传奇</a>
                                    <a href="">雨血：影之刃</a>
                                    <a href="">花语月</a>
                                    <a href="">乱斗西游2</a>
                                    <a href="">惊梦</a>
                                    <a href="">火拼萌萌消</a>
                                    <a href="">超能动物联盟</a>
                                    <a href="">口袋侏罗纪</a>
                                    <a href="">主公莫慌</a>
                                    <a href="">迷你西游</a>
                                    <div class="net">更多热门手游</div>
                                </div>
                                <div>
                                    <a href="">实况俱乐部</a>
                                    <a href="">功夫熊猫3手游</a>
                                    <a href="">魂之幻影</a>
                                    <a href="">大唐游仙记</a>
                                    <a href="">天下HD</a>
                                    <a href="">无尽战区·觉醒</a>
                                    <a href="">荆棘王座</a>
                                    <a href="">西游神魔决</a>
                                    <a href="">有杀气童话</a>
                                    <a href="">小汪汪</a>
                                    <a href="">小时代官方游戏</a>
                                    <a href="">妖刀少女异闻录</a>
                                    <a href="">猫和老鼠官方手游</a>
                                    <a href="">功夫熊猫官方手游</a>
                                </div>
                            </div>
                        </li>
                        <li>
                            <a href="" class="a">游品位</a>
                            <a href="" class="a">网易MuMu</a>
                            <a href="" class="a">会员俱乐部</a>
                            <a href="" class="b">网易大神</a>
                            <a href="" class="b">网易BUFF</a>
                            <a href="">网易游戏印象</a>
                            <a href="">网易游戏平台</a>
                            <a href="" class="b">网易游戏助手</a>
                            <a href="" class="a">易次元</a>
                            <a href="">手机将军令</a>
                            <a href="">将军令</a>
                            <a href="">藏宝阁</a>
                            <a href="">网易CC</a>
                            <a href="">自助百宝箱</a>
                            <a href="">网易UU加速器</a>
                            <a href="">网易白金卡</a>
                            <a href="">客服中心</a>
                            <a href="" class="ico"><span>网易游戏</span>></a>
                        </li>

                    </ul>
                </div>
            </div>
            <div class="top-bin" id="bin">
                <a href="" class="top-bin1" id="bi12n1"></a>
                <a href="#" class="top-bin2" id="bin2" style="display: non"><img
                        src="./img/3.jpg" alt=""></a>
            </div>
            <a href="#" class="top-cin"><img src="./img/2.png" alt=""></a>
            <div id="topdin">
                <ul id="one">
                    <a href="">限时领取免费课程</a>
                    <a href="">游戏充值7元优惠</a>
                    <a href="">领取网易严选宝箱</a>
                </ul>
                <ul id="two"></ul>
            </div>
        </div>

        <!--上部图片区-->
        <div class="mian" id="mian">
            <div class="mian-nav" id="mian-nav">
                <div class="mian-top">
                    

                    <div class="mian-topin">
                        <div class="topin-naw " id="nawX">
                            <a href="" class="active" id="a1">官网首页
                                <span>|</span>
                            </a>
                            <a href="" id="a2">新闻资讯
                                <span>|</span>
                            </a>
                            <a href="" id="a3">式神录
                                <span>|</span>
                            </a>
                            <a href="" id="a4">游戏攻略
                                <span>|</span>
                            </a>
                            <a href="" id="a5">同人社区
                                <span>|</span>
                            </a>
                            <a href="" id="a6">泛娱乐
                                <span>|</span>
                            </a>
                            <a href="" id="a7">视听中心
                                <span>|</span>
                            </a>
                            <a href="" id="a8">周边商城
                                <span>|</span>
                            </a>
                            <a href="" id="a9">藏宝阁
                                <span>|</span>
                            </a>
                            <a href="" id="a10">官方渠道
                                <span>|</span>
                            </a>
                        </div>
                        <div class="mian-top-iner" id="innerX" class="cn">
                            <div class="iner" id="inerY">
                                <div class="e1 clearfix" id="e1" style="display: none;">


                                </div>
                                <div class="e2 clearfix" id="e2" style="display: none;">

                                </div>
                                <div class="e3 clearfix" id="e3" style="display: none;">

                                </div>
                                <div class="e4 clearfix" id="e4" style="display: none;">
                                    <div id="ooe4">
                                      
                                    </div>
                                    
                                    <div id="ooe4a">
                                    
                                    
                                    </div>
                                    <div id="ooe4b">
                                    
                                    </div>
                                </div>
                                <div class="e5 clearfix" id="e5" style="display: none;">
                            
                                </div>
                                <div class="e6 clearfix" id="e6" style="display: none;">
                                  
                                </div>
                                <div class="e7 clearfix" id="e7" style="display: none;">
                                    <div class="icon" id="aicon">
                                        <a href="" class="a1"><img
                                                src="./img/164.png"
                                                alt="">
                                            <p>官方论坛</p>
                                        </a>
                                        <a href="" class="a2"><img
                                                src="./img/165.png"
                                                alt="">
                                            <p>百度贴吧</p>
                                        </a>
                                        <a href="" class="a3"><img
                                                src="./img/84.jpg"
                                                alt="">
                                            <p>官方微博</p>
                                        </a>
                                        <a href="" class="a4"><img
                                                src="./img/85.jpg"
                                                alt="">
                                            <p>官方微信</p>
                                        </a>
                                        <a href="" class="a5"><img
                                                src="./img/86.jpg"
                                                alt="">
                                            <p>网易大神</p>
                                        </a>
                                    </div>
                                    <div id="ooe7b">
                                        <span></span>
                                        <div class="op">
                                            <p>204422345（QQ1群已满）</p>
                                            <p>540687051（QQ2群已满）</p>
                                            <p>546653739（QQ3群）</p>
                                            <p>546027375（QQ4群）</p>
                                            <p>344590267（QQ5群）</p>
                                        </div>
                                    </div>
                                   
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="mian-topsearch">
                        <input type="text" value placeholder="全站搜索 ">
                        <a href="" class="topsearch-img"></a>
                    </div>
                </div>

            </div>
            <div class="banner" id="banner">
                <div class="banner-side side1 " style="display:block"></div>
                <div class="banner-side side2 " style="display:none"></div>
                <div class="banner-side side3" style="display:none"></div>
                <div class="banner-side side4" style="display:none"></div>
            </div>
            <div class="head-news">
                <div class="head-newsin">
                    <div class="newsin-down">
                        <div class="img1">
                            <img src="./img/11.jpg" alt="">
                        </div>
                        <img src="./img/15.png" alt="" class="img2" id="ewmimg">
                        <a href="#"></a>
                    </div>

                    <div class="head-news-con">
                        <div class="head-news-con-top">
                            <ul>
                                <li>新闻资讯
                                    <span></span>
                                </li>
                                <li class="li2">新服集结
                                    <span></span>
                                </li>
                            </ul>
                        </div>
                        <div class="hear-news-box" id="innerbox">
                            <ul class="clearfix" id="zul">
    
    
                            </ul>
                        </div>
                        <div class="box-btn">
                            <a href="javascript:;" id="left">上一批</a>
                            <a href="javascript:;" id="right">下一批</a>
                            <span class="n-line"></span>
                            <a href="">
                                <img src="./img/23.png" alt="">
                                更多
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!--主要内容-->
        <div class="section">

            <!--平安世界-->
            <div class="section-one">
                <div class="inner">
                    <a href="#"><img src="./img/24.png" alt=""></a>
                    <div class="nav">
                        <ul class="clearfix">
                            <li id="lissl" class="avt">式神录</li>
                            <li id="lizjl">主角录</li>
                            <li id="lisyz">声优阵</li>
                        </ul>
                    </div>
                    <div class="search">
                        <input type="text" valu placeholder="大天狗">
                        <a href="#"></a>
                    </div>

                </div>
                <div class="paworld">
                    <!--式神录-->
                    <div class="sis" id="sis" style="display: block">
                        <!--所有式神列表-->
                        <div class="sslb" style="display: none;" id="sslb">
                            <div class="tabs">
                                <a href="javascript:;">全部</a>
                                <a href="javascript:;">联动</a>
                                <div id="ssrw">
                                    <a href="javascript:;">SP</a>
                                    <a href="javascript:;">SSR</a>
                                    <a href="javascript:;">SR</a>
                                    <a href="javascript:;">R</a>
                                    <a href="javascript:;">N</a>
                                    <a href="javascript:;">呱太</a>
                                </div>
                            </div>
                            <div class="inner">
                                <div class="rw" id="rw">
                                    <div class="sp">
                                        <ul class="clearfix" id="asp">

                                        </ul>
                                    </div>
                                    <div class="SSR">
                                        <ul class="clearfix" id="assr">

                                        </ul>
                                    </div>
                                    <div class="SR" id="SR">
                                        <ul class="clearfix" id="asr1">


                                        </ul>
                                        <ul class="le clearfix" id="asr2">

                                        </ul>
                                    </div>
                                    <div class="R" id="R">
                                        <ul class="clearfix" id="ar1">


                                        </ul>
                                        <ul class="le clearfix" id="ar2">

                                        </ul>
                                    </div>
                                    <div class="N">
                                        <ul class="clearfix" id="an">

                                        </ul>

                                    </div>
                                    <div class="guatai">
                                        <ul class="clearfix" id="agt">

                                        </ul>
                                    </div>
                                </div>
                                <div class="aniu" id="aniu" style="display: none">
                                    <a href="javascript:;" class="sang" id="sang"><i></i></a>
                                    <a href="javascript:;" class="xia" id="xia"><i></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="shis">
                            <div class="links" id="links">
                                <a href="javascript:;">
                                    <i></i>
                                    所有式神列表
                                </a>
                            </div>
                            <!--式神录 切图-->
                            <div class="qt" id="ssqt">
                                <a href="javascript:;" class="last" id="sslast">
                                    <span class="in"></span>
                                    <p id="las">般若</p>
                                    <span class="ix">
                                        <i></i>
                                    </span>
                                </a>
                                <a href="javascript:;" class="next" id="ssnext">
                                    <span class="in"></span>
                                    <p id="nex">赤影妖刀姬</p>
                                    <span class="ix">
                                        <i></i>
                                    </span>
                                </a>
                                <div class="bimg" id="ssbimg">
                                    <div class="ss" style="display:block" data-name="不知火" id="gg1">

                                    </div>
                                    <div class="ss" style="display:none" data-name="赤影妖刀姬" id="gg2">

                                    </div>
                                    <div class="ss" style="display:none" data-name="苍风一目连" id="gg3">

                                    </div>
                                    <div class="ss" style="display:none" data-name="稻荷神御馔津" id="gg4">

                                    </div>
                                    <div class="ss" style="display:none" data-name="化鲸" id="gg5">

                                    </div>
                                    <div class="ss" style="display:none" data-name="八岐大蛇" id="gg6">

                                    </div>
                                    <div class="ss" style="display:none" data-name="天井下" id="gg7">

                                    </div>
                                    <div class="ss" style="display:none" data-name="一反木绵" id="gg8">

                                    </div>
                                    <div class="ss" style="display:none" data-name="入殓师" id="gg9">

                                    </div>
                                    <div class="ss" style="display:none" data-name="炼狱茨木童子" id="gg10">

                                    </div>
                                    <div class="ss" style="display:none" data-name="於菊虫" id="gg11">

                                    </div>
                                    <div class="ss" style="display:none" data-name="桔梗" id="gg12">

                                    </div>
                                    <div class="ss" style="display:none" data-name="人面树" id="gg13">

                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                    <!--主角录-->
                    <div class="yys" id="yys" style="display: none">
                        <!--主角录 切图-->
                        <div class="yysin">
                            <div class="mz" id="ssmz">
                                <a class="cc" href="javascrupt:;">晴明</a>
                                <a href="javascrupt:;">神乐</a>
                                <a href="javascrupt:;">源博雅</a>
                                <a href="javascrupt:;">八百比丘尼</a>
                            </div>
                            <div class="tp">
                                <a href="javascript:;" class="left" id="ssleft">
                                    <span class="in"></span>
                                    <p id="tet">八百比丘尼</p>
                                    <span class="ix">
                                        <i></i>
                                    </span>
                                </a>
                                <a href="javascript:;" class="right" id="ssright">
                                    <span class="in"></span>
                                    <p id="rtet">神乐</p>
                                    <span class="ix">
                                        <i></i>
                                    </span>
                                </a>
                                <div class="big-img" id="big-img">
                                    <div class="ss" style="display:block" data-name="晴明" id="g1">

                                    </div>
                                    <div class="ss" style="display:none" data-name="神乐" id="g2">

                                    </div>
                                    <div class="ss" style="display:none" data-name="源博雅" id="g3">

                                    </div>
                                    <div class="ss" style="display:none" data-name="八百比丘尼" id="g4">

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--声优阵-->
                    <div class="syz" id="syz" style="display:none">
                        <div class="xm clearfix" id="ssxm">

                        </div>
                    </div>
                </div>

            </div>

            <!--游戏攻略-->
            <div class="game-strategy">
                <div class="naws">
                    <a href=""><img src="./img/31.png" alt=""></a>
                    <div class="naws-list">
                        <ul class="clearfix">
                            <li> <a href=""><img
                                        src="./img/77.jpg"
                                        alt="">
                                    <span class="s s-1">逢魔进阶</span>
                                    <span class="s s-2">蜃气楼</span></a>
                            </li>
                            <li><a href=""><img
                                        src="./img/78.jpg"
                                        alt="">
                                    <span class="s s-3">浮梦花烛</span>
                                    <span class="s s-4">秘闻副本</span></a>
                            </li>
                            <li><a href=""><img
                                        src="./img/79.jpg"
                                        alt="">
                                    <span class="s s-5">妖气副本</span>
                                    <span class="s s-6">悬赏封印</span></a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="nows">
                    <div class="nows-w">
                        <ul id="nows-w">
                            <li><a href="" class="on">萌新上路<i></i></a></li>
                            <li><a href="">式神御魂<i></i></a></li>
                            <li><a href="">秘闻副本<i></i></a></li>
                            <li><a href="">斗技阵容<i></i></a></li>
                        </ul>
                        <a href="#" class="mas">有奖攻略征集</a>
                    </div>
                </div>
                <div class="news" id="news">
                    <div class="item" style="display: block">
                        <ul class="clearfix" id="item1">

                        </ul>
                    </div>
                    <div class="item" style="display: none">
                        <ul class="clearfix" id="item2">

                        </ul>
                    </div>
                    <div class="item" style="display: none">
                        <ul class="clearfix" id="item3">

                        </ul>
                    </div>
                    <div class="item" style="display: none">
                        <ul class="clearfix" id="item4">

                        </ul>
                    </div>

                </div>
            </div>

            <!--同人手账-->
            <div class="section-three">
                <a href="#" class="ss"><img src="./img/32.png" alt=""></a>
                <div class="card">
                    <div class="card-inner">
                        <div class="card-top clearfix">
                            <img src="./img/33.png" alt="">
                            <div class="ico" id="ico">
                                <span class="cc"></span>
                                <span></span>
                                <span></span>
                                <span></span>
                                <span></span>
                                <span></span>
                            </div>
                        </div>
                        <div>
                            <div class="card-imgs" id="cardimgs">


                            </div>
                        </div>
                    </div>
                </div>
                <div class="card-news">
                    <div class="news-top">
                        <a href="" style="margin-left:27px;"><img src="./img/41.png"
                                alt=""></a>
                        <ul class="clearfix" id="test2">

                        </ul>
                    </div>
                    <div class="news-box">
                        <div class="inner" id="inner">
                            <ul class="clearfix" style="display: block" id="uc1">

                            </ul>
                            <ul class="clearfix" style="display: none" id="uc2">

                            </ul>
                            <ul class="clearfix" style="display: none" id="uc3">

                            </ul>
                            <ul class="clearfix" style="display: none" id="uc4">

                            </ul>
                        </div>
                        <a href="javascript:;" class="next" id="next"><i></i><span>换一批</span></a>
                    </div>
                </div>
            </div>

            <!--同人大触-->
            <div class="section-four">
                <div class="top-naw">
                    <img src="./img/80.png" alt="">
                    <span></span>
                    <img src="./img/81.png" alt="">
                    <a href="">阴阳师手游同人帐</a>
                    <div>
                        <img src="./img/82.png" alt="">
                        <a href="">阴阳师友人帐</a>
                        <img src="./img/83.jpg" alt=""
                            class="er">
                    </div>
                </div>
                <div class="boxs" id="boxs">
                    <ul id="ul9">

                    </ul>
                    <ul id="ul10">

                    </ul>
                    <ul id="ul11">

                    </ul>
                </div>
                <a href="javascript:;" class="next2" id="next2"><i></i><span>换一批</span></a>
            </div>

            <!--视听盛宴-->
            <div class="section-five">
                <a href="" class="ss"><img src="./img/46.png" alt=""></a>
                <div class="box2-inner">
                    <ul class="clearfix" id="ytss">

                    </ul>
                    <a href="" class="netx3">更多内容<i></i></a>
                </div>

            </div>

            <!--泛娱乐-->
            <div class="section-six clearfix ">
                <a href=""><img src="./img/47.png" alt=""></a>
                <div class="boxs">
                    <div class="boxs-in">
                        <ul class="clearfix" id="sixul">

                        </ul>
                    </div>
                    <a href="javascript:;" class="left" id="sixleft"><i></i></a>
                    <a href="javascript:;" class="right" id="sixright"><i></i></a>
                </div>
            </div>

            <!--京都商业街-->
            <div class="section-seven clearfix">
                <a href="" class="ico"><img src="./img/54.png" alt=""></a>
                <div class="boxs" id="xboxs">
                    <ul class="clearfix" id="ximg">

                    </ul>
                    <span>
                        <i></i>
                        <i></i>
                        <i></i>
                    </span>
                    <div class="seek-bar" id="seekbar">
                        <div class="bar" id="bar">拖动
                        </div>

                    </div>

                </div>
            </div>

            <!--二维码-->
            <div class="section-eight">
                <div class="inner">

                    <div class="gf">
                        <div>
                            <p>关注官方微博</p>
                            <p>扫描二维码</p>
                            <span></span>
                            <img src="./img/84.jpg" alt="">
                        </div>
                        <p class="p1">官方微博：<span>网易阴阳师手游</span></p>
                    </div>
                    <div class="wx">
                        <div>
                            <p>关注微信公众号</p>
                            <p>扫描二维码</p>
                            <span></span>
                            <img src="./img/85.jpg" alt="">
                        </div>
                        <span class="c1">公众号:</span><span class="c2">yinyangshi163</span>
                    </div>
                    <div class="ren">
                        <div class="ren-in">

                        </div>
                        <a href=""></a>
                    </div>
                    <div class="kf">
                        <div class="clearfix">
                            <p>精灵咨询</p>
                            <p>问题反馈</p>
                            <span></span>
                            <img src="./img/85.jpg"
                                alt="">
                        </div>
                        <p>客服电话:<span>95163919</span></p>
                    </div>
                    <div class="ds">
                        <div class="inner">
                            <div class="clearfix">
                                <p>和大神一起玩</p>
                                <span></span>
                                <img src="./img/86.jpg" alt="">
                            </div>
                            <p>大神号：<span>网易阴阳师手游</span></p>
                        </div>
                    </div>

                </div>

            </div>
        </div>
        <!---底部-->
        <div class="section-nine">
            <div class="logo">
                <div class="yingyang"></div>
                <div class="box">
                    <div class="in">
                        <div class="it1"><img
                                src="./img/90.png"
                                alt=""></div>
                        <div class="it2" id="a2"><img
                                src="./img/91.png"
                                alt=""></div>
                        <div class="it3" id="a3"><img
                                src="./img/92.png"
                                alt=""></div>
                        <div class="it4"><img
                                src="./img/93.png" alt="">
                        </div>
                        <div class="it5"><img
                                src="./img/94.png" alt="">
                        </div>
                        <div class="it6">
                            <div class="it7"><img
                                    src="./img/95.png"
                                    alt=""></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="text">
                <div class="fxd">
                    <div>
                        <span>分享到：</span>
                        <ul>
                            <li><a href=""></a></li>
                            <li><a href=""></a></li>
                            <li><a href=""></a></li>
                            <li><a href=""></a></li>
                        </ul>
                    </div>
                </div>
                <div class="wangyi">
                    <div>
                        <span class="left">
                            <a href=""><img src="./img/88.png"
                                    alt=""></a>
                            <a href=""><img src="./img/89.png"
                                    alt=""></a>
                            <a href=""><img src="./img/86.png"
                                    alt=""></a>
                            <a href=""><img src="./img/87.png"
                                    alt=""></a>
                        </span>
                        <span class="right">
                            <a href="">公司简介-</a>
                            <a href="">客户服务-</a>
                            <a href="">相关法律-</a>
                            <a href="">网易游戏-</a>
                            <a href="">联系我们-</a>
                            <a href="">商务合作-</a>
                            <a href="">加入我们-</a>
                            <a href="">用户协议-</a>
                            <br>
                            <span>网易公司版权所有 ©1997-2019 </span>
                            <a href="" class="jh">点击查看家长监护工程 > </a>
                        </span>
                    </div>
                    <div class="fl">
                        <p>本游戏适合16岁以上的玩家进入。</p>
                        <p>积极健康的游戏心态是健康游戏的开端，本游戏故事情节设置紧凑，请您合理控制游戏时间，避免沉溺游戏影响生活，注意自我保护，防范网络陷阱。</p>
                        <a href="">《网络游戏管理暂行办法》</a>
                        <span>文网游备字【2016】M-RPG4708号</span>
                        <span>《网络文化经营许可证》</span>
                        <span>浙网文[2019]1372-138号</span>
                        <span>批准文号：新广出审【2017】6710号</span><br>
                        <span>出版物号：ISBN 978-7-7979-9973-1</span>
                        <a href="">违法及不良信息举报中心</a>
                    </div>
                </div>
            </div>
        </div>
        <script src="./main.js"></script>
</body>

</html>